<div style="height: 500px;overflow: auto;">
  <p-tabView>
    <p-tabPanel header="基本信息">
      <div class="row">
        <div class="form-group col-md-4">
          <label for="supplierUnit">申请单位： </label>
          <label>{{ workflow.applyUnit}}</label>
        </div>
        <div class="form-group col-md-4">
          <label for="supplierUnit">申请单编号： </label>
          <label>{{ workflow.code}}</label>
        </div>
        <div class="form-group col-md-4">
          <label for="supplierUnit">技术质量协议编号： </label>
          <label>{{ workflow.technicalQualityAgreementCode}}</label>
        </div>
      </div>
      <div class="row">
        <div class="form-group col-md-12">
          <label for="supplierUnit">供方单位： </label>
          <label>{{ workflow.supplierUnit}}</label>
        </div>
      </div>
      <div class="row">
        <div class="form-group col-md-12">
          <label for="flowExplain">外协原因：</label>
          <label>{{ workflow.explain}}</label>
        </div>
      </div>
    </p-tabPanel>

    <p-tabPanel header="申请内容">
      <div class="row" style="overflow: auto;">
        <div class="align-items-center">
          <!--<Primeng-TurboTable-Start>-->
          <div class="primeng-datatable-container" [busyIf]="primengTableHelper.isLoading">
            <p-table #dataTable [value]="Outsourcings" rows="{{primengTableHelper.defaultRecordsCountPerPage}}"
              [paginator]="false" [lazy]="true" [scrollable]="true" ScrollWidth="100%"
              [responsive]="primengTableHelper.isResponsive" [resizableColumns]="primengTableHelper.resizableColumns">
              <ng-template pTemplate="header">
                <tr>
                  <th style="width: 100px">
                    序号
                  </th>
                  <th style="width: 150px">
                    任务号
                  </th>
                  <th style="width: 150px">
                    产品图号
                  </th>
                  <th style="width: 150px">
                    产品名称
                  </th>
                  <th style="width: 150px">
                    加工状态
                  </th>
                  <th style="width: 130px">
                    交付进度
                  </th>
                  <th style="width: 100px">
                    数量
                  </th>
                  <th style="width: 100px">
                    参考单价
                  </th>
                  <th style="width: 100px">
                    参考总价
                  </th>
                  <th style="width: 120px">
                    备注
                  </th>
                </tr>
              </ng-template>
              <ng-template pTemplate="body" let-record="$implicit" let-ri='rowIndex'>
                <tr>
                  <th style="width: 100px">
                    {{ri+1}}
                  </th>
                  <td style="width: 150px">
                    {{record.taskCode}}
                  </td>
                  <td style="width: 150px">
                    {{record.picNo}}
                  </td>
                  <td style="width: 150px">
                    {{record.taskName}}
                  </td>
                  <td style="width: 150px">
                    <!-- 加工状态 -->
                    {{record.workStatus}}
                  </td>
                  <td style="width: 130px">
                    <!-- 交付进度 -->
                    {{record.deliveryRate | momentFormat:'L'}}
                  </td>
                  <td style="width: 100px">
                    <!-- 数量 -->
                    {{record.outsouringAmount}}
                  </td>
                  <td style="width: 100px">
                    {{record.unitPrice}}
                  </td>
                  <td style="width: 100px">
                    {{record.unitPrice * record.outsouringAmount}}
                  </td>
                  <td style="width: 120px">
                    {{ record.remark }}
                  </td>
                </tr>
              </ng-template>
            </p-table>
            <div class="primeng-no-data" *ngIf="Outsourcings.length == 0">
              {{'NoData' | localize}}
            </div>
          </div>
          <!--<Primeng-TurboTable-End>-->
        </div>
      </div>
    </p-tabPanel>
    <p-tabPanel header="审批记录">
      <app-flowApprovalRecord workflowid="{{workflowid}}"></app-flowApprovalRecord>
    </p-tabPanel>
  </p-tabView>
</div>